<script setup lang="ts">
import IndexTop from './IndexTop.vue';
import IndexLeft from './IndexLeft.vue';
import IndexRight from './IndexRight.vue';
import IndexCenter from './IndexCenter.vue';
</script>

<template>
    <!-- 大盒子设置背景-->
    <div class="container">
        <!-- 顶部组件 -->
        <IndexTop></IndexTop>
        <!-- 左侧组件 -->
        <IndexLeft></IndexLeft>
        <!-- 中间组件 -->
        <IndexCenter></IndexCenter>
        <!-- 右侧组件 -->
        <IndexRight></IndexRight>
    </div>
</template>

<style scoped lang="scss">
.container {
    width: 100vw;
    height: 100vh;
    background-image: url(../../assets/pageBg.png);

    position: relative;
}
</style>
